<template>
	<view class="navList">
		<view class="flex nav_menu flex-wrap">
			<navigator :url="item.url" class="flex-sub nav_menu-item flex flex-direction justify-start align-center" v-for="(item, index) in navList" :key="index">
				<image class="icon" :src="item.icon" mode=""></image>
				<text class="text">{{item.text}}</text>
			</navigator>
		</view>
		<image class="tuijian" src="../../static/img/tuijian.png" mode="aspectFit"></image>
	</view>
	
</template>

<script>
	export default{
		props:['navList']
	}
</script>

<style>
	.navList{
		position: relative;
	}
	.nav_menu{
		padding:63upx 36upx 0;
		position:absolute;
		top:0;
		width:100%;
		left:0;
		z-index: 22;
	}
	.tuijian{
		margin-top:120upx;
		z-index: 1;
		width:640upx;
		height:427upx;
	}
	.icon {
		width: 88upx;
		height: 88upx;
	}

	.text {
		font-family: PingFang-SC-Medium;
		font-size: 24upx;
		line-height: 1;
		color: #555555;
		margin-top: 27upx;
	}
</style>
